
    //选项卡切换
    jQuery(".tab-list").slide({mainCell: ".wrap_bd",targetCell: ".more a",effect: "fold"});
//多重选项卡切换
jQuery(".out-tab-list").slide({ titCell:".outHd li",mainCell:".outBd",targetCell: ".outMore a"});
// //轮播图
// jQuery(".swiper").slide({
// 	mainCell: ".bd ul",
// 	autoPlay: true,
// 	interTime: 2000,
// 	effect:"fold"
// });
//滚动
jQuery(".picScroll").slide({
    titCell: ".hd ul",
    mainCell: ".bd ul",
    autoPage: true,
    effect: "leftLoop",
    autoPlay: false,
    interTime: 5000,
    vis: 4
});

function load() {
    $('.nav-right-btn').addClass('nav-right-btn-animation')
    $('.logo').addClass('logo-animation')
    $('.search-box').addClass('search-box-animation')
    $('.nav').addClass('nav-animation')
    $('.main').addClass('main-animation')
    $('.picScroll').addClass('picScroll-animation')
    $('.foot').addClass('foot-animation')
}
$(function() {
    if ($.cookie("user") == null) {
        load()
    }
    else {
    }
    $.cookie("user", "1");

    $('.part li').hover(function() {
        $(this).addClass('action_right')
    },function(){
        $(this).removeClass('action_right')
    })
});

$(window).resize(function(){
    location.reload()
});

// 页面动画
$('.nav-right-btn').click(function() {
    // let pull = $(this).attr('name')

    if($(this).attr('name') === 'pull_down') {
        $(this).attr('name','pull_up').addClass('on')
        $('.logo').delay(100).animate({
            'left':'50%',
            'margin-left':'-216px',
            'top':'93px'
        },2000)
        $('.search-box').delay(100).animate({
            'right':'50%',
            'margin-right':'-192px',
            'top':'207px'
        },2000)
        $('.nav').delay(100).animate({
            'top': '210%'
        },2000)
        $('.main').animate({
            'top':'900px'
        },500).fadeOut()
        $('.picScroll').animate({
            'top':'58%'
        },2000)
        $('.foot').animate({
            'top':'68%'
        },2000)
    }else {
        $(this).attr('name','pull_down').removeClass('on')
        $('.logo').animate({
            'left':'0%',
            'margin-left':'0px',
            'top':'58px'
        },2000)
        $('.search-box').animate({
            'right':'0%',
            'margin-right':'0px',
            'top':'82px'

        },2000)
        $('.main').fadeIn(500).animate({
            'top':'304px'
        },2000)
        $('.nav').animate({
            'top':'250px'
        },2000)
        $('.picScroll').animate({
            'top':'1088px'
        },2000)
        $('.foot').animate({
            'top':'1188px'
        },2000)
    }
})
